<!--
  Generated template for the ConsigneeFinishPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>已提货</ion-title>
  </ion-navbar>
  <ion-toolbar class="ion_toolbar">
    <ion-segment class="w12" [(ngModel)]="consignee">
      <ion-segment-button value="not">
        <span>已提货未装车</span>
      </ion-segment-button>
      <ion-segment-button value="yet">
        <span>已提货已装车</span>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>

</ion-header>


<ion-content padding>
  <div [ngSwitch]="consignee">
    <div *ngSwitchCase="'not'">
      <div class="qd_list">
        <ng-container *ngFor="let data of nots; let i = index">
          <div class="qd_item">
            <div class="qd_header bor_bottom">
              <div class="w12 qd_address">{{data.ZCDH}}</div>
              <div class="w12 mt10">
                <span class="w12 tl mt10"><barcode class="" [value]="data.ORDERID"></barcode></span>
                <span class="w12 tl mt10">
                  <span class="w04 "><i class="fa fa-user-circle mr5"></i>{{data.NAME}}</span>
                  <span class="w04 "><i class="fa fa-phone-square mr5"></i>{{data.MOBILE}}</span>
                  <span class="w04 "><i class="fa fa-file-text mr5"></i>{{data.ID}}</span>
                </span>
                <span class="w12 tl mt10">
                  <span class="w06 ">业务单号：{{data.ORDERID}}</span>
                  <span class="w06 ">购置商城：{{data.GZSC}}</span>
                </span>
              </div>
            </div>
            <div class="qd_body bor_bottom">
              <!--<ng-container *ngFor="let pro of data.CSM_SORDERITEM">-->
              <div class="w12 mt10">
                <h3 class="w10">{{data.EXTSKUNAME}}</h3>
                <span class="w02 tr">× {{data.NUM}}</span>
              </div>
              <!--</ng-container>-->
            </div>
            <div class="qd_footer bor_bottom">
              <div class="w12 mt10">
                <span class="w12 tl mt10">提货时间：{{data.THSJ}}</span>
                <span class="w12 tl mt10">提货人：{{data.THYMC}}</span>
              </div>
            </div>
          </div>
        </ng-container>
      </div>
      <div *ngIf="notConfige?.isEnd" class="w12 mt20 mb20 tc font_gray">
        ------------------------ 已经到底了 ------------------------
      </div>
      <ion-infinite-scroll (ionInfinite)="getMoreNotDatas($event)" threshold="100px" [enabled]="!notConfige?.isEnd">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="数据加载中...">
        </ion-infinite-scroll-content>
      </ion-infinite-scroll>
    </div>
    <div *ngSwitchCase="'yet'">
      <div class="qd_list">
        <ng-container *ngFor="let data of yets; let i = index">
          <div class="qd_item">
            <div class="qd_header bor_bottom">
              <div class="w12 qd_address">{{data.ZCDH}}</div>
              <div class="w12 mt10">
                <span class="w12 tl mt10"><barcode class="" [value]="data.ORDERID"></barcode></span>
                <span class="w12 tl mt10">
                  <span class="w04 "><i class="fa fa-user-circle mr5"></i>{{data.NAME}}</span>
                  <span class="w04 "><i class="fa fa-phone-square mr5"></i>{{data.MOBILE}}</span>
                  <span class="w04 "><i class="fa fa-file-text mr5"></i>{{data.ID}}</span>
                </span>
                <span class="w12 tl mt10">
                  <span class="w06 ">业务单号：{{data.ORDERID}}</span>
                  <span class="w06 ">购置商城：{{data.GZSC}}</span>
                </span>
              </div>
            </div>
            <div class="qd_body bor_bottom">
              <!--<ng-container *ngFor="let pro of data.CSM_SORDERITEM">-->
              <div class="w12 mt10">
                <h3 class="w10">{{data.EXTSKUNAME}}</h3>
                <span class="w02 tr">× {{data.NUM}}</span>
              </div>
              <!--</ng-container>-->
            </div>
            <div class="qd_footer bor_bottom">
              <div class="w12 mt10">
                <span class="w12 tl mt10">提货时间：{{data.THSJ}}</span>
                <span class="w12 tl mt10">提货人：{{data.THYMC}}</span>
              </div>
            </div>
          </div>
        </ng-container>
      </div>
      <div *ngIf="yetConfige?.isEnd" class="w12 mt20 mb20 tc font_gray">
        ------------------------ 已经到底了 ------------------------
      </div>
      <ion-infinite-scroll (ionInfinite)="getMoreYetDatas($event)" threshold="100px" [enabled]="!yetConfige?.isEnd">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="数据加载中...">
        </ion-infinite-scroll-content>
      </ion-infinite-scroll>
    </div>
  </div>


</ion-content>
